* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none; }

body {
  background-color: #161535; }

.web {
  padding: 300px 0; }
  .web section {
    background-color: #161535; }
    .web section .center_box {
      width: 967px;
      margin: 0 auto;
      overflow: hidden; }
      .web section .center_box .winning_show {
        width: 100%;
        height: 40px;
        margin: 35px 0;
        box-sizing: border-box;
        padding: 10px 0;
        background-color: #201a48;
        overflow: hidden; }
        .web section .center_box .winning_show .winning_center {
          width: 300px;
          margin: 0 auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .web section .center_box .winning_show .winning_center ul {
            -webkit-transition: all 1s;
            transition: all 1s; }
            .web section .center_box .winning_show .winning_center ul li {
              height: 30px;
              color: white; }
      .web section .center_box .cfx_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .web section .center_box .cfx_box .dial {
          width: 657px;
          height: 593px;
          background-color: #201a48;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .web section .center_box .cfx_box .dial .yuan {
            width: 480px;
            height: 480px;
            border-radius: 50%;
            box-sizing: border-box;
            border: 5px solid #fbb234;
            background: #201a48;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin: 0 auto;
            -webkit-align-self: center;
            -ms-flex-item-align: center;
            align-self: center; }
            .web section .center_box .cfx_box .dial .yuan .yuan2 {
              width: 450px;
              height: 450px;
              border-radius: 50%;
              -webkit-align-self: center;
              -ms-flex-item-align: center;
              align-self: center;
              background-color: #ffd47e;
              margin: 0 auto;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              position: relative; }
              .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness {
                width: 420px;
                height: 420px;
                border-radius: 50%;
                border: 5px solid #fe8b36;
                background-color: #ffde8d;
                box-shadow: 0px 0px 10px #ff8610;
                margin: 0 auto;
                -webkit-align-self: center;
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
                overflow: hidden;
                position: relative; }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector {
                  width: 210px;
                  height: 210px;
                  background-color: #ffe9c2;
                  -webkit-transform-origin: right bottom;
                  transform-origin: right bottom;
                  position: absolute;
                  top: 0;
                  left: 0;
                  box-sizing: border-box;
                  border: 1px solid #fed07c;
                  overflow: hidden; }
                  .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector .sector_center {
                    width: 120px;
                    height: 100px;
                    position: absolute;
                    right: 10px;
                    bottom: 20px;
                    -webkit-transform: rotate(-50deg) skew(-10deg);
                    transform: rotate(-50deg) skew(-10deg); }
                    .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector .sector_center p {
                      text-align: center; }
                    .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector .sector_center .sector_img {
                      width: 75px;
                      height: 80px;
                      margin: 0 auto;
                      overflow: hidden; }
                      .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector .sector_center .sector_img img {
                        width: 100%; }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector_one {
                  -webkit-transform: rotateZ(30deg) skewY(30deg);
                  transform: rotateZ(30deg) skewY(30deg); }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector_two {
                  background-color: #ffd09d;
                  -webkit-transform: rotateZ(90deg) skewY(30deg);
                  transform: rotateZ(90deg) skewY(30deg); }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector_three {
                  -webkit-transform: rotateZ(150deg) skewY(30deg);
                  transform: rotateZ(150deg) skewY(30deg); }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector_four {
                  background-color: #ffd09d;
                  -webkit-transform: rotateZ(210deg) skewY(30deg);
                  transform: rotateZ(210deg) skewY(30deg); }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector_five {
                  -webkit-transform: rotateZ(270deg) skewY(30deg);
                  transform: rotateZ(270deg) skewY(30deg); }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .roundness .sector_six {
                  background-color: #ffd09d;
                  -webkit-transform: rotateZ(330deg) skewY(30deg);
                  transform: rotateZ(330deg) skewY(30deg); }
              .web section .center_box .cfx_box .dial .yuan .yuan2 .jt {
                width: 96px;
                height: 120px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background-image: url(../img/jt.png);
                padding-top: 32px;
                box-sizing: border-box;
                margin: 0 auto; }
                .web section .center_box .cfx_box .dial .yuan .yuan2 .jt p {
                  width: 66px;
                  height: 86px;
                  border-radius: 43px;
                  color: #fff6cc;
                  font-size: 28px;
                  margin: 0 auto;
                  text-align: center;
                  cursor: pointer; }
        .web section .center_box .cfx_box .chance {
          width: 273px;
          height: 593px;
          background-color: #201a48; }
          .web section .center_box .cfx_box .chance .chance_top {
            width: 164px;
            height: 38px;
            border-radius: 19px;
            background-color: #4e3eb4;
            margin: 25px auto;
            box-sizing: border-box;
            padding: 8px 8px;
            color: white;
            font-size: 16px; }
            .web section .center_box .cfx_box .chance .chance_top span {
              color: #fbb234; }
          .web section .center_box .cfx_box .chance .chance_center span {
            color: #9785ff;
            margin-left: 50px; }
          .web section .center_box .cfx_box .chance .chance_bottom ul {
            width: 100%;
            height: 475px;
            padding: 5px 0;
            overflow-y: scroll; }
            .web section .center_box .cfx_box .chance .chance_bottom ul li {
              width: 230px;
              height: 42px;
              padding: 10px 0;
              border-top: 1px solid #1d1347;
              border-bottom: 1px solid #1d1347;
              margin: 0 auto;
              box-sizing: border-box;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-justify-content: space-around;
              -ms-flex-pack: distribute;
              justify-content: space-around; }
              .web section .center_box .cfx_box .chance .chance_bottom ul li span {
                color: white; }
